import { AtButton } from "taro-ui";
import { View, Image } from "@tarojs/components";
import Taro from "@tarojs/taro";
import "./index.scss";
import headerBg from "../../assets/headerBg.png";
import GlobalFooter from "../../components/GlobalFooter";

export default () => {
  return (
    <View className="indexPage">
      <View className="at-article__h1 title">MBTI 职业性格测试</View>
      <View className="at-article__h2 subTitle">
        只需 2 分钟，就能非常准确地描述出你是谁，以及你的性格特点
      </View>
      <AtButton
        type="primary"
        size="normal"
        className="enterBtn"
        circle
        onClick={() => {
          Taro.navigateTo({
            url: "/pages/doQuestion/index",
          });
        }}
      >
        开始测试
      </AtButton>
      <Image
        src={headerBg}  // 图片资源路径（需确保headerBg已正确定义）
        style={{ width: "100%" }}  // 样式：宽度100%
        mode="aspectFill"  // 图片裁剪模式：保持比例填充容器
      />
      <GlobalFooter />
    </View>
  );
};
